<template>
    <div class="head">
        <MyHead title="发现">
            <button class="publish" @click="publish()">发布游记</button>
        </MyHead>
    </div>

    <div class="difault">
        <div v-if="islogin">
            <div v-if="list.length >= 0">
                <van-empty description="" />
            </div>
            <div v-else>
                <van-empty description="描述文字" />
            </div>
        </div>
        <div v-else>
            <van-empty description="您还未登录，没有发现列表">
                <van-button type="primary" class="bottom-button" @click="gologo">去登陆</van-button>
            </van-empty>
        </div>


    </div>

    <div class="footer">
        <MyFooter></MyFooter>
    </div>
</template>

<script setup>
import { ref, reactive, onMounted, } from "vue";
import { useRouter } from "vue-router";

let router = useRouter();
const list = ref([]);


const islogin = ref(false);

// 未登录 去登陆
let gologo = () => {
    router.push({ path:'/login'  })
}

// 新增游记
let publish = async () => {

}

</script>

<style lang="scss" scoped>
.publish {
    border: 0;
    background: transparent;
    color: #1989fa;
}
</style>